<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Tab Demos</title>
	
	<script src="../../../../scripts/jquery.js" type="text/javascript"></script>
	
	<script src="../../../../scripts/jquery_ui/jquery.ui.core.js" type="text/javascript" ></script>
	<script src="../../../../scripts/jquery_ui/jquery.ui.widget.js" type="text/javascript" ></script>
	
	<link  href="../../../../themes/default/ui.css" type="text/css" rel="stylesheet" />
	
	<script src="../jquery.ui.tabs.js" type="text/javascript"></script>
	<link  href="../jquery.ui.tabs.css" rel="stylesheet" type="text/css" />
		
	<link type="text/css" href="../../../demos.css" rel="stylesheet" />
<!-- 换肤 -->
	<script type="text/javascript" src="../../../theme_cookie.js"></script>
	<style type="text/stylesheet">
		div{
			margin:0px;
			padding:0px;
		}
	</style>

	<script>
		Global = {contextPath:'/bingo.framework.project'} ;
	
		$( function(){
			var tab = $('#tabs-default').tabs( {
				tabs:[
					{label:'tab1',url:'http://www.g.cn',iframe:true},
					{label:'tab2',url:'http://www.baidu.com',iframe:true,id:"testId"},
					{label:'tab3 ',url:'http://www.sogou.com',iframe:true}
				] ,
				height:'100px',
				select: function(event, ui) { 
						//alert(ui.panel.id);
				}
			} ) ;
		   tab.select({id:'testId'}) ;
			tab.rename({id:"testId",label:"sdfasfd---"}) ;
		} ); 
	</script>
</head>

<body>
	<div id="tabs-default">
		
	</div>
</body>
</html>